<div nz-row>
  <div nz-col [nzSpan]="6" style="float:left">
    <nz-input-group [nzSuffix]="suffixIconSearch" style="width: 400px">
      <input type="text" nz-input placeholder="请输入搜索内容...">
    </nz-input-group>
    <ng-template #suffixIconSearch>
      <i nz-icon type="search"></i>
    </ng-template>
  </div>
</div>
<div>
  <nz-table #envsData nzShowSizeChanger [nzFrontPagination]="false" [nzData]="dataSet" [nzTotal]="total"
    [nzLoading]="loading" [(nzPageIndex)]="pageIndex" [(nzPageSize)]="pageSize" (nzPageIndexChange)="getEnvsPage()"
    (nzCurrentPageDataChange)="currentPageDataChange($event)" (nzPageSizeChange)="getEnvsPage(true)">
    <thead nzSingleSort>
      <tr>
        <th nzShowSort nzSortKey="name">服务器</th>
        <th nzShowSort>容器</th>
        <th><span>部署应用</span></th>
        <th nzShowSort><span>环境类型</span></th>
        <th nzShowSort><span>CVEs</span></th>
        <th><span>创建时间</span></th>
        <th><span>操作</span></th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let data of envsData.data">
        <td> <a href="#">{{ data.serverIp }}</a> </td>
        <td> <a href="#">{{ data.containerName }}</a> </td>
        <td> <a href="#">{{ data.appName }}</a> </td>
        <td> {{ data.environmentType }} </td>
        <td style="color:red"> {{ data.cveNum }} </td>
        <td>{{ data.createDate | date:"yy/MM/dd/ hh:mm" }}</td>
        <td>确定</td>
      </tr>
    </tbody>
  </nz-table>
</div>
